
import VueRouter from 'vue-router'
import About from '../pages/About'
import Home from '../pages/Home'
import Message from '../pages/Message'
import News from '../pages/News'
import Detail from '../pages/Detail'

const router = new VueRouter({
    // <!-- url路径里面的#右边的内容不会发给服务器 -->
    // <!-- #右边的前端称为hash值 -->
    mode:"hash",
    // 这个模式下不会有#出现
    // 兼容性略差
    // 会有刷新后报404的问题
    // 要解决这个问题，要找后端工程师解决。
    // 1. npm i connect-history-api-fallback
    // 2. 在server.js里面加上
    // 解决route的mode是history的时候，刷新页面会出404的问题
    // const history = require("connect-history-api-fallback")
    // // 必须在静态资源前面使用
    // app.use(history())
    // 下面是静态资源调用
    // app.use(express.static(__dirname+"/static"))

    mode:"history",
    routers:[
        {
            path:"/about",
            component:About,
            meta:{
                isAuth:false,
                title:"关于",
            },
        },
        {
            path:"/home",
            component:Home,
            meta:{
                isAuth:false,
                title:"主页",
            },
            children:[
                {
                    path:"message",
                    name:"xiaoxi",
                    component:Message,
                    children:[
                        {
                            name:"xiangqing",
                            path:"detail/:id/:title",
                            component:Detail,
                            meta:{
                                isAuth:true,
                                title:"详情",
                            },
                            props(route){
                                return {
                                    id:route.params.id,
                                    title:route.params.title,
                                }
                            },
                        }
                    ]
                },
                {
                    path:"news",
                    name:"xinwen",
                    component:News,
                },
            ]
        },
    ]
})

export default router